.textCenter{
    text-align: center;
    
}
.content {
    margin-top: 80px;
}
.numberStyle {
    padding: 1px 8px;
    float: right;
    background: #660033;
    border-radius: 50%;
    color: #ffffff;
}
.nonumberStyle {
    padding: 1px 8px;
    float: right;
}
#card #cardList {
    border-bottom:1px solid #969696;
    padding:10px 15px;
}
#card .cardType {
    list-style:none;
    padding:0;
    font-size: 95%;
}
#card .cardType li{
    margin: 20px 10px;
}
#consume {margin-top:20px;}
#consume #consumeList {
    border-bottom:1px solid #969696;
    padding:10px 15px;
 }
 #consume ul {
    list-style:none;
    padding: 0px 8px;
    font-size:90%;
 }
 #consume .consumeContent {
    border-bottom:1px dashed #969696;
    margin-top:8px;
 }
 .consumelistLeft {
    border:1px solid #fff;
    width:80%;
    position:relative;
    height:78px;
 }
 .consumelistLeft .consumeTime {
    float:right;
    font-size:70%;
    color:#969696;
    margin-right:33px;
 }
 .consumelistRight {
    float:right;
    border:1px solid #fff;
    width:18%;
    height:78px;
    position:relative;
    margin-top:-78px;
    padding: 0;
 }
 .consumelistRight p{
    margin-top: 28px;
 }
 .consumelistRight p span {
     float: right;
 }

 .cardkindtype {
    padding-top:5px;
    
 }
 .cardkindtype label {
    background: green;
    color: #fff;
    padding: 5px 15px;
    margin-top: 10px;
 }
 .cardkindname {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
 }
 .up {
    font-size: 178%;
    float: right;
    margin-top: -7px;
    color: #969696;
 }
 .down {
    font-size: 210%;
    float: right;
    margin-top: -5px;
    color: #969696;
    font-size: 182%;
    float: right;
    margin-top: -5px;
    color: #969696;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}